<template>
    <i :class="['iconfont',id]" :title="title" :style="{ fontSize: fontSize + 'px', color: color, cursor: 'pointer'}" @click="headerIconClick">
        <slot></slot>
    </i>
</template>

<script>
    export default{
        components: {
            
        },
        props: {
            id: {
                type: String,
                default: ''
            },
            title: {
                type: String,
                default: ''
            },
            color: {
                type: String,
            },
            fontSize: {
                type: [Number, String],
                default: 20
            },
        },
		methods: {
			headerIconClick () {
			    this.$emit('headerIconClick')
			}
		}
    }
</script>
<style scoped>

</style>